<template>
	<div class="remind">
		<div class="topTotal" @click='$router.go(-1)'>
			<i class="iconfont icon-jiantou1"></i>
			<div class="title">个人资产</div>
		</div>
		<div class="total">
			<h4>用户编号</h4>
			<p>{{ initData.user_name }}</p>
		</div>
		<ul>
			<li>
				<p>冻结钱包</p>
				<p>{{ initData.price }}</p>
			</li>
			<li>
				<p>交易钱包</p>
				<p>{{ initData.jyprice }}</p>
			</li>
			<li>
				<p>购物钱包</p>
				<p>{{ initData.gwprice }}</p>
			</li>

		</ul>
	</div>
</template>
<script>
import { money } from '../../../config/getData'
export default {
	data(){
		return{
			initData:{}
		}
	},
	computed:{
		total(){
			return  (this.initData.price - 0) + (this.initData.jyprice - 0) + (this.initData.gwprice - 0).toFixed(2)
		}
	},
	mounted() {
		money().then(res => {
			this.initData = res.data
		})
	}
};
</script>

<style lang="scss" scoped>
@import "../../../assets/css/all";

.topTotal{background-color: white;display:flex;align-items:center;border-bottom:1px solid #f0f0f0;
	.iconfont{font-size: 25px;border-right:1px solid #666;line-height: 1;padding:0 10px;margin-right:10px;color:#666;}
	.title{line-height: 45px;font-size:16px;}
}

.total{background-color: white;text-align: center;padding:30px 0 20px;
	h4{font-size: 14px;font-weight: normal;}
	p{font-size: 36px;margin-top:10px;}
}

.remind { @include screen;min-height: 100%;overflow-y: auto;
	ul{margin-top: 15px;
		li{text-align: center;margin-top: 15px;font-size: 16px;background: #ffffff;display: flex;align-items: center;line-height: 50px;justify-content: space-between;padding:0 15px;}
		li:nth-of-type(1){border-left: 4px solid #01a2ff;}
		li:nth-of-type(2){border-left: 4px solid;border-color: rgb(232, 163, 21);}
		li:nth-of-type(3){border-left: 4px solid #cccccc;border-color: rgb(255, 47, 253);}

	}

}

</style>

